<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>BeraringFX</title>
		<link rel="stylesheet" href="../public/css/reset.css" type="text/css">
		<link rel="stylesheet" href="../public/css/swiper.css" type="text/css">
		<link rel="stylesheet" href="../css/main.css" type="text/css">
		<link rel="shortcut icon" href="../../images/ico.ico" />
	</head>

	<body>

		<header></header>
		<div class="center account clearfix" style="width: 940px;">
			<h3>Personal Details</h3>
			<div class="textBox">
				<span>*</span>
				<span>Title</span>
				<br />
				<input type="text" name="" id="title" value="" />
			</div>
			<div class="textBox" style="float: left;">
				<span>*</span>
				<span>First Name</span>
				<br />
				<input type="text" name="" id="firstName" value="" />
			</div>
			<div class="textBox" style="float: left;">
				<span>*</span>
				<span>Last Name</span>
				<br />
				<input type="text" name="" id="lastName" value="" />
			</div>
			<div class="textBox" style="float: left;">
				<span>*</span>
				<span>Phone</span>
				<br />
				<input type="text" name="" id="phone" value="" />
			</div>
			<div class="textBox" style="float: left;">
				<span>*</span>
				<span>E-mail</span>
				<br />
				<input type="text" name="" id="eMail" value="" />
			</div>
              <button>OPEN A REAL ACCOUNT</button>
              
		</div>
		<footer></footer>
	</body>
	<script src="../public/js/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script src="../public/js/swiper.js"></script>
	<script src="../js/index2.js" type="text/javascript"></script>

</html>
<script type="text/javascript">
	$("button").click(function(){
		$("input[type=text]").each(function(){
			if($(this).val()==""){
				alert("There cannot be empty");
				return false
			}else{
				alert("Open success");
				return false
			}
			
		})
		
		
	})
</script>